﻿<common:LayoutAwarePage
    x:Name="pageRoot"
    x:Class="DropMe.MainPage"
    DataContext="{Binding DefaultViewModel, RelativeSource={RelativeSource Self}}"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:DropMe"
    xmlns:data="using:DropMe.Data"
    xmlns:common="using:DropMe.Common"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d">

 
    <Page.Resources>

        <!-- TODO: Delete this line if the key AppName is declared in App.xaml -->
        <x:String x:Key="AppName">DropMe!!</x:String>
    </Page.Resources>
    
    <Grid Background="#AC411E9E">
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="222*"/>
            <ColumnDefinition Width="222*"/>
            <ColumnDefinition Width="222*"/>
        </Grid.ColumnDefinitions>
        <Grid.RowDefinitions>
            <RowDefinition Height="133*"/>
            <RowDefinition Height="635*"/>
        </Grid.RowDefinitions>
        <Grid>
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="Auto"/>
                <ColumnDefinition Width="*"/>
            </Grid.ColumnDefinitions>
            <Button x:Name="backButton" Click="GoBack" IsEnabled="{Binding Frame.CanGoBack, ElementName=pageRoot}" Style="{StaticResource BackButtonStyle}"/>
            <TextBlock x:Name="pageTitle" Grid.Column="1" Text="{StaticResource AppName}" Style="{StaticResource PageHeaderTextStyle}"/>
        </Grid>
        <Grid HorizontalAlignment="Left" Height="350" Margin="72,112,0,0" Name="grdDrop" Grid.Row="1"  Background="White" VerticalAlignment="Top" Width="350" Grid.Column="1" >
            <Border Width="275" Height="275">
                <Image Source="Assets/dropblue.PNG"  Stretch="UniformToFill" />
            </Border>
        </Grid>
        <Grid HorizontalAlignment="Left" Height="350" Margin="72,112,0,0" Name="grdOther" Grid.Row="1" Background="#FFFDFDF7" VerticalAlignment="Top" Width="350" Grid.Column="2">
            <Border Width="275" Height="275">
                <Image Source="Assets/otherdrive.jpeg"  Stretch="UniformToFill" />
            </Border>
        </Grid>
        <Grid HorizontalAlignment="Left" Height="350" Margin="72,112,0,0" Name="grdSky" Grid.Row="1"  Background="DarkOrange" VerticalAlignment="Top" Width="350" Tapped="grdSky_Tapped">
            <Border>
                <Image Source="Assets/skydouble.jpg"  Stretch="UniformToFill" />
            </Border>
        </Grid>
    </Grid>
</common:LayoutAwarePage>
